<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <body>

        <ui:composition template="./plantillas/plantillaGeneral.xhtml">
            <ui:define name="titulo">
                Demo EJB+JPA+JSF :: Detalle de producto
            </ui:define>

            <ui:define name="encabezado">
                <ui:include src="./plantillas/vistaCabecera.xhtml"/>
            </ui:define>

            <ui:define name="izquierda">
                <ui:include src="./plantillas/vistaIzquierda.xhtml"/>
            </ui:define>

            <ui:define name="contenido">
                <h:panelGroup styleClass="panelDatos">
                    <h3> <h:outputText value="Detalle del producto"/> </h3>

                    <h:panelGrid frame="box" border="1" columns="2">

                        <h:outputLabel value="Descripción:" for="descripcion" style="font-weight: bold;"/>
                        <h:outputText id="descripcion" value="#{catalogoController.productoActual.descripcion}"/>

                        <h:outputLabel value="Marca:" for="marca" style="font-weight: bold;"/>
                        <h:outputText id="marca" value="#{catalogoController.productoActual.marca}"/>

                        <h:outputLabel value="Modelo:" for="modelo" style="font-weight: bold;"/>
                        <h:outputText id="modelo" value="#{catalogoController.productoActual.modelo}"/>

                        <h:outputLabel value="Familia:" for="familia" style="font-weight: bold;"/>
                        <h:outputText id="familia" value="#{catalogoController.productoActual.familia.nombre}"/>

                        <h:outputLabel value="Detalle:" for="detalle" style="font-weight: bold;"/>
                        <h:inputTextarea id="detalle" cols="50" rows="6" readonly="true" value="#{catalogoController.productoActual.detalle}"/>

                        <h:outputLabel value="Precio de venta:" for="precio" style="font-weight: bold;"/>
                        <h:outputText id="precio" value="#{catalogoController.productoActual.precio}"/>

                        <h:outputLabel value="Disponibilidad:" for="disponibilidad" style="font-weight: bold;"/>
                        <h:outputText value="En stock" rendered="#{catalogoController.productoActual.existencias > 0}"/>
                        <h:outputText value="Agotado" rendered="#{catalogoController.productoActual.existencias == 0}"/>

                    </h:panelGrid>
                </h:panelGroup>

                <h:commandButton value="Volver" immediate="true" onclick="history.back()"/>
            </ui:define>

        </ui:composition>

    </body>
</html>
